<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>自定义过滤器-双向过滤器</title>
</head>
<body>
    <div id="example-1">
        <span v-text="message | reverse"></span>
    </div>
<script src="../lib/vue.js"></script>
<script>
    /*
    * vue.js中可以自定义过滤器
    * 类似于自定义指令，可以用全局方法Vue.filter() 注册一个自定义过滤器，它接收两个参数：过滤器ID和过滤器函数
    * 过滤器函数以值为参数，返回转换后的值。
    * */
    Vue.filter('reverse',function(value){
        return value.split('').reverse().join('');
    })

    var exampleVm = new Vue({
        el : '#example-1',
        data : {
            message : 'hello javascript!'
        }
    })
</script>
</body>
</html>